<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>元素挖孔</title>


    <style>
        body{
            font-size: 50px;
            background-color: black;
            color: white;
        }


        .box{
            position: absolute;
            width: 600px;
            height: 400px;
            top: 50px;
            background: url(./img/lizard.png) center no-repeat;

            font-size: 30px;
            border: 2px solid red;
            color: teal;
        }


    </style>

</head>

<body>
    这是一段测试文字，，，1234这是一段测试文字，，，
    1234这是一段测试文字，，，1234这是一段测试文字，，，
    1234这是一段测试文字，，，1234    这是一段测试文字，，，1234这是一段测试文字，，，
    1234这是一段测试文字，，，1234这是一段测试文字，，，
    1234这是一段测试文字，，，1234    这是一段测试文字，，，1234这是一段测试文字，，，
    1234这是一段测试文字，，，1234这是一段测试文字，，，
    1234这是一段测试文字，，，1234    这是一段测试文字，，，1234这是一段测试文字，，，
    1234这是一段测试文字，，，1234这是一段测试文字，，，
    <div class="box" >
        这是一个box啊啊啊啊
        这是一个box啊啊啊啊
        这是一个box啊啊啊啊
        这是一个box啊啊啊啊
        这是一个box啊啊啊啊
        这是一个box啊啊啊啊
        这是一个box啊啊啊啊
        这是一个box啊啊啊啊
        这是一个box啊啊啊啊
        这是一个box啊啊啊啊
    </div>


</body>

</html>
